<template>
  <div class="lsc-mycenter-info">
    <van-nav-bar
      title="个人信息"
      left-arrow
      @click-left="onClickBack"
    />
    
    <div class="lsc-center">
      <img :src="logoUrl" style="width:40%;">
    </div>
    <van-cell-group>
      <van-field
        v-model="baseInfo.name"
        label="用户名"
        disabled
      />
      <van-field
        v-model="baseInfo.contact_man"
        label="业务联系人"
        disabled
      />
      <van-field
        v-model="baseInfo.mobileno"
        label="联系人电话"
        disabled
      />
      <van-field
        v-model="baseInfo.address"
        label="详情地址"
        type="textarea"
        rows="1"
        autosize
        disabled
      />
      <!-- <van-field
        v-model="info.email"
        label="电子邮箱"
        placeholder="请输入电子邮箱"
      /> -->
    </van-cell-group>
  </div>
</template>

<script>
import { mapGetters } from  'vuex'

export default {
  name: 'info',
  computed: {
    ...mapGetters({
      baseInfo: 'getBaseInfo',
      logoUrl: 'getLogoUrl'
    })
  },
  methods: {
    onClickBack() {
      this.$router.push('/mycenter')
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.lsc-center {
  text-align: center;
}
.lsc-mycenter-info>.lsc-center>img {
  margin: 30px auto;
}
.lsc-mycenter-info-box {
  background-color: #fff;
  padding: 20px 10px;
}
.lsc-mycenter-info-box>div:nth-child(1),
.lsc-mycenter-info-box>div:nth-child(3),
.lsc-mycenter-info-box>div:nth-child(5),
.lsc-mycenter-info-box>div:nth-child(7),
.lsc-mycenter-info-box>div:nth-child(9) {
  text-align: right;
}
.lsc-mycenter-info-box>div {
  margin-bottom: 15px;
}
</style>
